<@pageLayout title="Nowa wiadomość" >
<h2 class="contentHeader">Utwórz nową wiadomość</h2>
<script>
		require(['modules/komunikat'], function(komunikat) {
		    komunikat.createNowyKomunikatWindow({
		    	div: 'nowyKomunikatWindow'
		    });
			komunikat.createGridOdbiorcy({
				url: 'komunikat!listOdbiorcy.action',
				gridDiv: 'odbiorcyWiadomości',
				gridId: 'odbiorcyWiadomosciGrid'
			});		    
		});
</script>

<div style="height: 500px" id="wiadomosciPanel">
    <div data-dojo-type="dijit/layout/AccordionContainer" style="height: 470px;">
        <div data-dojo-type="dijit/layout/ContentPane" title="Odbiorcy wiadomości">
			<div id="odbiorcyWiadomości"></div>
        </div>
        <div data-dojo-type="dijit/layout/ContentPane" title="Nowa wiadomość" selected="true">
        	<label for="wiadomoscTemat">Temat</label>
			<input type="text" name="wiadomoscTemat" id="wiadomoscTemat" value="" required="true" data-dojo-type="dijit/form/ValidationTextBox"
				style="width: 90%" />
			<br/><br/>
			Treść<br/><br/>
            <div id="nowyKomunikatWindow"></div>
        </div>
    </div>
	<center>
		<button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'dijitIconMail'" type="button" style="margin: 10px">Wyślij
		    <script type="dojo/on" data-dojo-event="click" data-dojo-args="evt">
				require(["dijit/registry", "modules/ep"], function(registry, ep) {
				    
				    var message = registry.byId("nowyKomunikatWindow");
				    var messageTopic = registry.byId("wiadomoscTemat").value;
				    var grid = registry.byId("odbiorcyWiadomosciGrid");
				    
				    
				    var selected = grid.selection.getSelected();
					
					var selectedItems = "{odbiorcy: [";
					
					for (var i = 0; i < selected.length; i++) {
						selectedItems += "{ ";
						selectedItems += "id:'" + selected[i].id + "', ";
						selectedItems += "imie:'" + selected[i].imie + "', ";
						selectedItems += "nazwisko:'" + selected[i].nazwisko + "', ";
						selectedItems += "rodzaj:'" + selected[i].rodzaj  +"' }, ";
					}
					
					selectedItems += "]}";
					
					var queryObject = {
						"messageTopic" : messageTopic,
						"messageContent": message.value,
						"messageRecivers": selectedItems
					};
					
					ep.requestPost('komunikat!send.action', queryObject, function(response) {
						ep.showMsgExecuteAfterClose(response, function() {
							window.location.href="komunikat!viewWyslane.action";
						});
					});
				    
				});
		    </script>
		</button>
		<button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'dijitIconDelete'" type="button" style="margin: 10px">Anuluj
		    <script type="dojo/on" data-dojo-event="click" data-dojo-args="evt">
		            window.location.href="komunikat!viewOdebrane.action";
		    </script>
		</button>
	</center>
</div>

</@pageLayout>